<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>jQuery响应式购物车</title>
		<meta name="apple-mobile-web-app-capable" content="yes"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/cart.css">
	</head>
	<body>
		<header class="header">
		    <span class="headerTitle">购物车(2)</span>
		    <span class="headerRight cart-operation edit">编辑</span>
		</header> 
		
		<main class="main">
			
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="../images/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox"/>
				</div>
				<img src="../images/goods.jpg" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">祖玛珑蓝风铃香水 女士 自然清新Jo Malone London</p>
					<p class="cart-goods-sku">600ml</p>
					<div class="price-wrap">
						<span>￥<span class="price">99.8</span></span>
						<div class="num-wrap">
							<img src="../images/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/>
							<img src="../images/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="../images/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox"/>
				</div>
				<img src="../images/goods-3.jpg" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">祖玛珑蓝风铃香水 女士 自然清新Jo Malone London</p>
					<p class="cart-goods-sku">600ml</p>
					<div class="price-wrap">
						<span>￥<span class="price">892</span></span>
						<div class="num-wrap">
							<img src="../images/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/>
							<img src="../images/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			<div class="cart-block">
				<div class="checkbox-wrap">
					<img src="../images/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox mycheckbox"/>
				</div>
				<img src="../images/goods-2.jpg" class="cart-goods-img">
				<div class="cart-goods-info">
					<p class="cart-goods-name">祖玛珑蓝风铃香水 女士 自然清新Jo Malone London</p>
					<p class="cart-goods-sku">600ml</p>
					<div class="price-wrap">
						<span>￥<span class="price">10520</span></span>
						<div class="num-wrap">
							<img src="../images/sub.png" class="sub">
							<input type="number" name="" id="num-input" class="num-input" value="1" readonly/>
							<img src="../images/add.png" class="add">
						</div>
					</div>
				</div>
			</div>
			
		</main>
		
		
		<div style="height: 0.5rem;"></div>
		<div class="total-wrap">
			<div class="total-left">
				<div class="checkbox-wrap">
					<img src="../images/tick.png" class="tick">
					<input type="checkbox" name="" id="" value="" class="checkbox allselect"/>
				</div>
				<span>全选</span>
			</div>
			<div class="total-right settlement">
				<p>合计:<span class="symbol">￥</span><span class="integer">0</span><span class="point"></span></p>
				<button type="button" class="total-btn">去结算(<span class="checkedLen">0</span>)</button>
			</div>
			
			<div class="total-right delete-btn">
				<button type="button" class="total-btn">删除(<span class="checkedLen">0</span>)</button>
			</div>
		</div>
		<footer class="footer">
		    <div class="footerItem">
		        <img src="../images/index.png" alt="">
		        首页
		    </div>
		    <div class="footerItem">
		        <img src="../images/redemption.png" alt="">
		        换购区
		    </div>
		    <div class="footerItem footerItemActive">
		        <img src="../images/cart-s.png" alt="">
		        购物车
		    </div>
			<div class="footerItem">
			    <img src="../images/mine.png" alt="">
			    我的
			</div>
		</footer>
	</body>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/cart.js" type="text/javascript" charset="utf-8"></script>
</html>
